<template>
  <div class="no-data">
    <div class="data">
      <span class="icon"></span>
      <span class="text">暂无数据</span>
    </div>
  </div>
</template>
<script>
export default {
  name: 'NoData',
  data () {
    return {
    };
  },
  mounted () {
  },
  methods: {

  }
};
</script>
<style lang="less" scoped>
.no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 510px;
  .data {
    display: inline-block;
    color: #333;
    font-size: 30px;
    padding-top: 260px;
    .icon {
      display: block;
      width: 347px;
      height: 226px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url('/static/images/icon-nodata.png');
    }
    .text {
      font-size: 30px;
      display: block;
      text-align: center;
    }
  }
}
</style>
